//Start jQuery
$(document).ready(function (){
	//efekt po najechaniu najechaniu na zakladkę
		$(".zakladka").mouseover(function() {
			$(this).animate({
				width: "145",
				opacity: 0.5,	//szerokość zakładki
				}, 200 //czas animacji w milisekundach
					  );
		});
	//powrót do pierwotnej formy zakładki
		$(".zakladka").mouseout(function() {
			$(this).animate({
				width: "160",
				opacity: 1.0//rozszerzenie zakładki
				}, 200 //czas animacji w milisekundach
					  );
		});
		
			$(".masthead a").mouseover(function(){
				$(this).animate({
					opacity:0.8
					
					}, 150
					);
					});
			$(".masthead a").mouseout(function(){
				$(this).animate({
					opacity:1.0
						
					}, 150
					);
					});		
			//efekt pozycji podmenu
			$("#menu li").mouseover(function() {
				$(this).animate({
					opacity: 0.5, //przezroczystość elementu na 50%
	        		paddingLeft: "0.3em" // małe przesunięcie treści  
					}, 155 //czas animacji w milisekundach
					      );
			});
			//powrót do pierwotnej formy podmenu
				$("#menu li").mouseout(function() {
					$(this).animate({
						opacity: 1.0, //przezroczystość elementu na 100%
		        		paddingLeft: "0.0em"
						});
			});
			
                        $(".ukryte").hide(); // ukrywa podmenu
                        	$('.odkryte').click(function(){
					//akcja po kliknięciu w zakładkę
					$(this).next('ul').slideToggle(800);
                                        $(this).next('p').slideToggle(400);
                                      
                                       
				});
			
				$("#menu ul").hide(); // ukrywa podmenu
			 	$('.zakladka').click(function(){
					//akcja po kliknięciu w zakładkę
					$(this).next('ul').slideToggle(300); // sektor <ul> znajdujący się pod zakładką, który będzie się zwijać i rozwijać po każdym kliknięciu
				}); 
			 });